<template>
<div id="app">
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
            <router-link tag="li" :to="{path:'/home'}" active-class="active" >
              <a href="#">首页 </a>
            </router-link>
            <router-link tag="li" :to="{path:'/route'}" active-class="active">
              <a href="#">路由 </a>
            </router-link>
             <router-link tag="li" :to="{path:'/com'}" active-class="active">
               <a href="#">组建 </a>
              </router-link>
              <router-link tag="li" :to="{path:'/class'}" active-class="active">
               <a href="#">class样式学习 </a>
              </router-link>
               <router-link tag="li" :to="{path:'/ky'}" active-class="active">
               <a href="#">跨域 </a>
              </router-link>
                <router-link tag="li" :to="{path:'/action'}" active-class="active">
               <a href="#">动画 </a>
              </router-link>
              <router-link tag="li" :to="{path:'/listcircle'}" active-class="active">
               <a href="#">生命周期 </a>
              </router-link>
              <router-link tag="li" :to="{path:'/mint-ui'}" active-class="active">
               <a href="#">MitUi </a>
              </router-link>
      </ul>
    </div>
  </div>
</nav>

</div>
</template>
<script>
    export default{}
</script>
<style lang="css">
</style>
